फ़्लोट करने वाला ऐक्शन बटन (एफ़एबी), एक गोल बटन होता है. यह आपके ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) में मुख्य कार्रवाई को ट्रिगर करता है. इस पेज पर, अपने लेआउट में फ़्लोटिंग ऐक्शन बटन जोड़ने, उसके दिखने के तरीके को पसंद के मुताबिक बनाने, और बटन पर टैप करने पर होने वाली कार्रवाइयों को सेट करने का तरीका बताया गया है.
मटीरियल डिज़ाइन के दिशा-निर्देशों के मुताबिक, अपने ऐप्लिकेशन में फ़्लोटिंग ऐक्शन बटन डिज़ाइन करने के तरीके के बारे में ज़्यादा जानने के लिए, बटन: फ़्लोटिंग ऐक्शन बटन लेख भी पढ़ें.
पहली इमेज. फ़्लोटिंग ऐक्शन बटन
अपने लेआउट में फ़्लोटिंग ऐक्शन बटन जोड़ना
यहां दिए गए कोड से पता चलता है कि आपकी लेआउट फ़ाइल में FloatingActionButton कैसा दिखना चाहिए:
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:src="@drawable/ic_my_icon"
android:contentDescription="@string/submit"
android:layout_margin="16dp" />
डिफ़ॉल्ट रूप से, एफ़एबी को colorAccent एट्रिब्यूट से रंग दिया जाता है. इसे थीम के कलर पैलेट की मदद से पसंद के मुताबिक बनाया जा सकता है.
एक्सएमएल एट्रिब्यूट या इनसे जुड़े तरीकों का इस्तेमाल करके, एफ़एबी की अन्य प्रॉपर्टी कॉन्फ़िगर की जा सकती हैं. जैसे:
app:fabSizeएट्रिब्यूट याsetSize()तरीके का इस्तेमाल करके, एफ़एबी का साइज़.app:rippleColorएट्रिब्यूट याsetRippleColor()तरीके का इस्तेमाल करके, एफ़एबी के रिपल का रंग.android:srcएट्रिब्यूट याsetImageDrawable()तरीके का इस्तेमाल करके बनाया गया फ़्लाइंग ऐरो बटन (FAB) आइकॉन.
बटन दबाने पर उससे जुड़ा काम तुरंत नहीं होता
इसके बाद, FAB पर टैप करने की सुविधा को मैनेज करने के लिए, View.OnClickListener लागू किया जा सकता है. उदाहरण के लिए, जब उपयोगकर्ता फ़्लोटिंग ऐक्शन बटन (FAB) पर टैप करता है, तो यह कोड Snackbar दिखाता है:
Kotlin
val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
.setAction("Action", null)
.show()
}
Java
FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}
});
फ़्लोटिंग ऐक्शन बटन की सुविधाओं के बारे में ज़्यादा जानने के लिए, FloatingActionButton के लिए एपीआई रेफ़रंस देखें.